<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>下拉框默认随机选项</title>
  </head>
  <body>
    <select value="0" id="selectBox">
      <option value="0">选项1</option>
      <option value="1">选项2</option>
      <option value="2">选项3</option>
      <option value="3">选项4</option>
      <option value="4">选项5</option>
      <option value="5">选项6</option>
    </select>
    <script>
      /* 
        1,获取下拉框元素，并获取下拉框所有子元素；
        2，根据下拉框子元素数量随机获取一个索引；
        3，将与随机索引对应的选项value值赋给select的value；
        */
      //获取元素
      var selectBox = document.getElementById("selectBox");
      var options = selectBox.children;
      window.onload = function () {
        var order = Math.floor(Math.random() * options.length);
        // console.dir(selectBox);
        selectBox.value = options[order].value;
      };
    </script>
  </body>
</html>
